<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>欢迎注册宜佳商城</title>
		<link rel="stylesheet" href="css/reg.css" />
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			window.onload=function(){
				var inputall=document.getElementsByTagName("input");
				var userid=inputall[0];//手机号
				var code=inputall[1];//图形验证码
				var notecode=inputall[2];//短信验证码
				var notebtn=inputall[3];//发送短信按钮
				var pwd=inputall[4];//密码
				var pwdcode=inputall[5];//确认密码
				var regbtn=inputall[7];//注册
				var code_p=document.getElementsByClassName("codecon")[0];
				var cover=document.getElementById("cover");//错误提示遮盖层
				var confirmbtn=document.getElementById("confirmbtn");
				var popcon=document.getElementsByClassName("popbox_con")[0];
				//标记所有验证是否正确
				var isuserid=true;
				var iscode=true;
				var ispwd=true;
				var ispwdcode=true;
				//验证用户名,必须是手机号
				userid.onblur=function(){
					var str=userid.value;
					if(!(/^\d{11}$/).test(str)){
						var errtip="输入格式不正确！";
						isuserid=false;
						cover.style.display="block";
						popcon.innerHTML=errtip;
					}
				}
				//图形验证码
				var codecon=document.createElement("div");
				codecon.innerHTML=getcode();
				codecon.className="code";
				codecon.style.color=randomColor();
				code_p.appendChild(codecon);
				//验证验证码是否输入正确
				code.onblur=function(){
					if(code.value!=codecon.innerHTML){
						var errtip="验证码输入有误！";
						iscode=false;
						cover.style.display="block";
						popcon.innerHTML=errtip;
					}
				}
				//密码，不少于6位，字母数字下划线
				pwd.onblur=function(){
					if(!(/\w{6}/).test(pwd.value)){
						var errtip="密码必须为字母数字下划线且大于六位，";
						ispwd=false;
						cover.style.display="block";
						popcon.innerHTML=errtip;
					}
				}
				//验证两次密码输入是否一致
				pwdcode.onblur=function(){
					if(pwd.value!=pwdcode.value){
						var errtip="密码输入有误！";
						ispwdcode=false;
						cover.style.display="block";
						popcon.innerHTML=errtip;
					}
				}
				//注册
				regbtn.onclick=function(){
					if(isuserid &&　iscode && ispwd && ispwdcode){
						
					}else{
						cover.style.display="block";
						popcon.innerHTML="请正确输入！";
					}
				}
				//
				confirmbtn.onclick=function(){
					cover.style.display="none";
				}
			}
		</script>
	</head>
	<body>
		<!--logo-->
		<div id="top" class="main-con">
			<h1><a href="index.html"><img src="img/logo.jpg" alt="" /></a></h1>
		</div>
		<!--main-->
		<div id="main" class="main-con">
			<form action="" method="" name="">
				<p class="first_input">注册宜佳商城<span>新用户<a href="#">注册账号</a></span></p>
				<p><input class="txt_long" type="text" placeholder="手机"/></p>
				<p class="codecon"><input class="txt_short" type="text" placeholder="图形验证码"/></p>
				<p><input class="txt_short short_margin" type="text" placeholder="短信验证码"/><input class="btn_code short_margin" type="button" value="获取短信验证码"/></p>
				<p><input class="txt_long" type="text" placeholder="请输入密码"/></p>
				<p><input class="txt_long short_margin" type="text" placeholder="请再次输入密码"/></p>
				<p class="check"><input class="no_margin" type="checkbox" checked="checked"/>记住用户名<span>忘记密码?</span></p>
				<p><input class="btn_reg no_margin" type="button" value="立即注册"/></p>
			</form>
		</div>
		<!--bottom-->
		<div id="bottom" class="main-con">
			<p>Coopyright&copy;2005-2016 easygo.All Rights Reserved 辽宁宜佳电视购物有限公司 版权所有，并保留所有权利。</p>
			<p>免费服务热线：400-688-8499 | 招商热线：23186680 23186681 | 团购热线：23186681 | 售后热线：400-688-6611</p>
			<p>本站域名：www.yigo.com.cn 地址：辽宁省沈阳市和平区文化路79号 辽ICP备12015716号-2</p>
		</div>
		<!--遮罩层-->
		<div id="cover">
			<div class="popbox">
				<p class="errortip">错误提示：</p>
				<div class="popbox_con">
					
				</div>
				<p class="confirm">
					<button id="confirmbtn">确认</button>
				</p>
			</div>
		</div>
	</body>
</html>
